<html>
  <head>
    <title>{% block title %}foursquare-latitude{% endblock title %}</title>
    <link rel="stylesheet" href="/static/style/common.css" />
    {% block head %}{% endblock head %}
  </head>
  <body onload="{% block onload %}{% endblock onload %}">
    <div id="header">
    <h1>foursquare-latitude</h1>
    </div>
    <div>
    <div id="main">
    {% block main %}{% endblock main %}
    </div>
    <div id="sidebar">
      <div id="places">
        <h2>Pages</h2>
        <ul>
        </ul>
      </div>
      <div id="share">
        <h2>Share</h2>
        <!-- all sorts of sharing stuff -->
        <a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a>
        <script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

	<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="jlapenna">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

        <iframe src="http://www.facebook.com/plugins/like.php?href={{ url|escape }}&amp;layout=box_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:65px;" allowTransparency="true"></iframe>
      </div>
      {% block sidebar_content %}{% endblock sidebar_content %}
    </div>
    <div class="clear"></div>
    <div id="footer">
      <hr />
      <a href="{{ host_url }}">foursquare-latitude</a><br />
    </div>
    {% block bottom_block %}{% endblock bottom_block %}
  </body>
</html>
